.header .cut {
    width: 50px;
    height: 20px;
    bottom: 5px;
    left: 50%;
    margin-left: -25px;
}

.header .cut div {
    width: 6px;
    height: 6px;
    background-color: #edebf0;
    border-radius: 50%;
}

.header .cut div.on {
    background-color: #1989fa;
}

.sort {
    width: 100%;
    background-color: white;
    text-align: center;
    flex-wrap: wrap;
}

.sort .sort-item {
    width: 25%;
    height: 95px;
}

.sort .sort-item img {
    width: 45px;
}

.discount {
    width: 100%;
    padding-top: 10px;
    height: 115px;
    background-color: white;
}

.discount .discount-item {
    width: 170px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
}

.discount .discount-item .discount-title {
    right: 1px;
    top: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 24px;
    background-color: #d99afd;
}

.discount .discount-item .discount-left {
    width: 58px;
    height: 58px;
}

.discount .discount-item .discount-left .kanjia {
    padding: 5px;
    background-color: #81321b;
    color: #fff;
}

.discount .discount-item .cjsj {
    right: 25px;
    top: 0;
    border-left: 10px solid transparent;
    border-top: 18px solid #d99afd;
}

.discount .discount-item .discount-right {
    width: 70px;
    height: 70px;
}

.discount .discount-item .discount-right img {
    width: 70px;
}

.coupon {
    width: 92%;
    height: 37px;
    margin-left: 4%;
    border-radius: 5px;
    background-color: #f84a37;
    color: white;
}

.content {
    width: 100%;
    background-color: white;
}

.content .content-title {
    height: 44px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    color: #797d82;
}

.content .content-title i {
    font-size: 5px;
}

.content .container {
    flex-wrap: wrap;
}

.content .container .content-item {
    width: 165px;
    height: 255px;
}

.content .container .content-item .item-img {
    width: 165px;
    height: 165px;
    background-color: #f4f4f4;
}

.content .container .content-item .item-img img {
    width: 165px;
    height: 165px;
}

.bj1 {
    background-image: linear-gradient(to top right, #bdbbec, #fdf7bf);
}

.bj2 {
    background-image: linear-gradient(to top right, #fdf2d9, #fdc5c6);
}

.col {
    color: #999;
}

.toe {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.intr {
    width: 165px;
}

.f15 {
    font-size: 15px;
}

.red {
    color: red;
}

.f999 {
    color: #999;
}

.bgfff {
    background: #fff;
}

html .foot,
body .foot {
    width: 100%;
    height: 50px;
    z-index: 9;
    position: fixed;
    bottom: 0;
    left: 0;
}

html .foot div,
body .foot div {
    width: 30px;
    height: 40px;
}

html .foot div i,
body .foot div i {
    font-size: 20px;
    margin-bottom: 1px;
    color: #797d82;
}

html .foot div a,
body .foot div a {
    font-size: 12px;
    color: #797d82;
    margin-top: 4px;
}

html .foot div:nth-child(1) a,
body .foot div:nth-child(1) a,
html .foot div:nth-child(1) i,
body .foot div:nth-child(1) i {
    color: #797d82;
}

html .foot div:nth-child(1) a,
body .foot div:nth-child(1) a,
html .foot div:nth-child(1) i,
body .foot div:nth-child(1) i {
    color: #c03131;
}